Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upgrade to @ariakit, Modernize RRE, Part 1 #126

Merged
merged 1 commit into from
Jan 28, 2025
Merged

Conversation

devinmatte
Copy link
Member

@devinmatte devinmatte commented Dec 15, 2024

Motivation

#122

Changes

  • Updates packages up to a reasonably new state so we can deal with deprecations and fix dangerous code
  • Upgrades Button and Disclosure usage from reakit to @ariakit
  • Upgrade storybook to 7.x, stopping shy of 8.x for now
  • Updates to React 18.x
  • Uses legacy-peer-deps=true for now, with plans to remove after reakit is gone, and nextjs is fully updated

Testing Instructions

@devinmatte devinmatte changed the title Upgrade to @ariakit for Button and Disclosure Upgrade to @ariakit, Modernize RRE Dec 15, 2024
@github-actions github-actions bot added documentation Improvements or additions to documentation ci/cd Affects or Updates CI/CD dependencies Pull requests that update a dependency file frontend Change to frontend code labels Dec 15, 2024
@devinmatte devinmatte marked this pull request as ready for review January 26, 2025 00:43
@devinmatte devinmatte changed the title Upgrade to @ariakit, Modernize RRE Upgrade to @ariakit, Modernize RRE, Part 1 Jan 28, 2025
Copy link
Member

@nathan-weinberg nathan-weinberg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Z-Version bump?

@devinmatte
Copy link
Member Author

@nathan-weinberg I want to finish removing reakit completely, and get React and NextJS up to latest versions, then I'll version bump

Copy link
Collaborator

@idreyn idreyn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Amazing! First reakit to ariakit migration I've seen in the wild. Glad it was doable.

@@ -6,7 +6,7 @@
"dev": "next dev",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As an aside (unrelated to the contents of this PR) does next dev work for you at this point? I'm getting a bizarre error:

~/t/regional-rail-explorer ❯❯❯ npx next dev                                                                                                                                                                                                                                                                                                                                                                                         modernize-rre ✱
warn  - Port 3000 is in use, trying 3001 instead.
ready - started server on 0.0.0.0:3001, url: http://localhost:3001
/Users/ian/transitmatters/regional-rail-explorer/node_modules/typescript/lib/typescript.js:139
    for (let i = startIndex ?? 0; i < array.length; i++) {
                             ^

SyntaxError: Invalid or unexpected token
    at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)

which makes me think it's invoking an older version of Node without the ?? operator. Running next build works fine though so I'm set for testing purposes.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think I got next dev working either. But to be fair, a lot of stuff is in a weird in between.

At the end of this process I want to get up to nextJS 15.x and Node 22.x, which means everything is on a modern release and should all work together cleaner (and likely give better error messages when they don't). But first we gotta clean up reakit.

Since build works fine for now I think this is a "later" thing to fix imo

@devinmatte devinmatte merged commit 7b57894 into main Jan 28, 2025
3 checks passed
@devinmatte devinmatte deleted the modernize-rre branch January 28, 2025 16:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ci/cd Affects or Updates CI/CD dependencies Pull requests that update a dependency file documentation Improvements or additions to documentation frontend Change to frontend code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants